//using processing video and movie
import processing.video.*;
import controlP5.*;
import java.awt.geom.*;
ControlP5 cp5;
Movie movie;

boolean play;
int speed = 1;
int progress;

   void setup() {
   size(1280, 360);
   cp5 = new ControlP5(this);
    background(0);
    // Load and play the video in a loop
    movie = new Movie(this, "video.mov");
   movie.play();
    movie.speed(speed);

 //Progress Bar
  ProgressBar p;
  p = new ProgressBar(cp5, "progress"); 
 p.setPosition(130, 345).setSize(350, 10).setRange(0,  (int) 
movie.duration()).listen(true);
//callback listener for Timeline object
 p.addCallback(new CallbackListener() {
  public void controlEvent(CallbackEvent theEvent) {
   if(theEvent.getAction() == ControlP5.ACTION_PRESS) {
    float x = theEvent.getController().getPointer().x();
    float a1 = 0;
    float a2 = theEvent.getController().getWidth();
    float b1 = theEvent.getController().getMin();
    float b2 = theEvent.getController().getMax();
    float val = map(x,a1,a2,b1,b2);
    theEvent.getController().setValue(val);
    println("now change movie time to ", val, movie.time());
   movie.jump((float) val);
      }
    }
  }
  );
 // a toggle to switch between play and pause mode
 cp5.addToggle("play")
.setPosition(10,375)
.setSize(50,19)
.getCaptionLabel().align(CENTER,CENTER);
 }
  void movieEvent(Movie m) {
  m.read();
 }
 void draw() {
   if (play) {
   // update the progressBar value/position
   // replace with audio-track position: progress = player.position();

 image(movie, width/2, 0, width/2, height);

   if (movie.available()) movie.read();
   progress = (int) movie.time();
 }
  }
      class ProgressBar extends Controller<ProgressBar> {
      public ProgressBar(ControlP5 theControlP5, String theName) {
      super(theControlP5, theName);
      setView(new ControllerView<ProgressBar>() {

   public void display(PGraphics pg, ProgressBar c) {
     pg.fill(!isMouseOver() ? c.getColor().getForeground():c.getColor().getActive());
    pg.rect(0, 0, c.getWidth(), c.getHeight());

    float val = map(c.getValue(),c.getMin(), c.getMax(), 0, c.getWidth()); 
    pg.fill(255);
    pg.rect(0, 0, val, c.getHeight());
  }
}
);
}

     public ProgressBar setValue(float theValue) {
     return super.setValue(constrain(theValue, getMin(), getMax()));
 }

  public ProgressBar setRange(int theStart, int theEnd) {
  _myMin = theStart;
  _myMax = theEnd;
  return this;
  }
}

`

The only values it is showing me are 0% and 100%. I want to find a way to either draw the progress bar individually or redraw the whole screen inside that for loop.

Thx for help in advance.

float stamina = 1000;

float sprint = - (stamina / 1800); // 1 minute. 60 * frameRate
float running = - (stamina / 81000); // 45 minutes. 60 * 45 * frameRate
float walking = - (stamina / 216000); // 2h, 120 minutes. 60 * 120 * frameRate
float resting = (stamina / 216000);

String status = "Status: ";
String action;

int leftMargin = 5;


void setup() {
  size(640, 360);
  frameRate(30);
}

void draw() {
  background(0);

  if (stamina <=0) {
    stamina = 0;
    fill(255, 0, 0);
    textAlign(CENTER);
    textSize(32);
    text("Stamina: " + (int) stamina, width/2, height/2);

    fill(255, 0, 0);
    textAlign(LEFT);
    textSize(16);
    text(status + "Out of stamina", leftMarging, 16);
  } else if (stamina >= 1000) {
    stamina = 1000;
    fill(0, 255, 0);
    textAlign(CENTER);
    textSize(32);
    text("Stamina: " + (int) stamina, width/2, height/2);

    fill(0, 255, 0);
    textAlign(LEFT);
    textSize(16);
    text(status + "Full stamina", leftMargin, 16);
  } else {
    fill(255);
    textAlign(CENTER);
    textSize(32);
    text("Stamina: " + (int) stamina, width/2, height/2);

    textAlign(LEFT);
    textSize(16);
    text(status + action, leftMargin, 16);
  }

  textAlign(LEFT);
  textSize(11);
  fill(255);
  text("S = Sprinting", leftMargin, height - 90);
  text("R = Running / Jogging", leftMargin, height - 70);
  text("W = Walking", leftMargin, height - 50);
  text("ENTER = Resting", leftMargin, height - 30);
  text("SPACE = Reset", leftMargin, height - 10);

  if (keyCode == 83) {
    stamina = stamina + sprint;
    action = "Sprinting";
  } else if (keyCode == 82) {
    stamina = stamina + running;
    action = "Runnning / Jogging";
  } else if (keyCode == 87) {
    stamina = stamina + walking;
    action = "Walking";
  } else if (keyCode == 10) {
    stamina = stamina + resting;
    action = "Resting";
  } else if (keyCode == 32) {
    stamina = 1000;
  }
}

I'm trying to create a code that will play a song and have a bar created across the campus in relation to the player's position in the song. Right now I am able to create a line that moves across the screen, but I would like to be able to have a new line created every time the player moves, so it will eventually draw a bar. However, the drawing the bar part has me stumped. Would someone be able to help in how to make it so the line does not disappear?

Here is the code I have so far:

import ddf.minim.*; import ddf.minim.signals.*; import ddf.minim.analysis.*; import ddf.minim.effects.*;

Minim minim; AudioPlayer player;

void setup() { size( 800, 600 );

minim = new Minim( this );

player = minim.loadFile("Little Secrets.mp3");
player.play();

}

void draw() { background( 255 );

float x = map( player.position(), 0, player.length(), 0, width );

stroke( 0 );
strokeWeight (5);
line( x, 0, x, height );

}

void stop() { player.close(); minim.stop(); super.stop(); }